.vue {
    .margins {
        width: 1300px;
        margin: 0 auto;

        .nodata {

            video {
                width: 68%;
                height: 590px;
                overflow: hidden;
                border-radius: 10px;
                background-color: rgb(253, 254, 253);
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
            }

            .option {
                float: right;
                width: 30%;
                height: 590px;
                border: none;
                padding: 20px;
                text-align: left;
                border-radius: 10px;
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
                background-color: rgba(255, 255, 255, 0.5);

                .paipan {
                    margin-bottom: 20px;

                    .button {
                        font-size: 16px;
                        font-weight: bold;
                        width: 100%;
                        height: 40px;
                        border-radius: 40px;
                    }
                }

                .xy {
                    height: 500px;
                    overflow-y: auto;

                    .name {
                        margin-bottom: 11px;
                    }

                    .occupy {
                        margin-bottom: 10px;
                    }

                    .date {
                        margin-bottom: 10px;

                        .leapmonth {
                            // height: 55px;
                            float: right;
                            color: rgb(70, 70, 70);
                            margin-top: -2px;
                        }
                    }

                    .datetype {
                        margin-bottom: 10px;

                        .sex {
                            float: right;
                            // height: 55px;
                        }

                    }

                    .other {
                        margin-bottom: 10px;

                        .select {
                            width: 80%;
                            // width: 293px;
                        }

                        .title {
                            font-size: 13px;
                            margin-right: 5px;
                        }
                    }
                }

            }

        }

        .yesdata {
            .option {
                .button {
                    margin-right: 30px;
                }

                .button2 {
                    margin-left: 30px;
                }
            }

            .data {
                margin-top: 10px;

                .hrader {
                    width: 100%;
                    border: none;
                    color: white;
                    height: 50px;
                    line-height: 50px;
                    font-size: 16px;
                    margin-bottom: 10px;
                    padding: 0 30px 0 30px;
                    font-weight: bold;
                    border-radius: 5px;
                    background-image: linear-gradient(to right, #3d3d3d, #555555);

                    .name {
                        float: left;
                        font-size: 24px;
                        color: #c39d4a;
                    }

                    .date {
                        float: left;
                        font-size: 16px;

                        .other {
                            font-size: 14px;
                        }

                        .item {
                            font-size: 14px;
                            margin-left: 40px;
                        }
                    }

                    .shengxiao {
                        float: right;
                        height: 60px;
                        font-size: 20px;
                        color: #c39d4a;

                    }
                }

                .border {
                    width: 100%;
                    border-radius: 5px;
                    border: none;
                    padding: 5px;
                    border: 1px rgb(220, 223, 230) solid;
                    min-height: 650px;

                    .jichu {
                        .bgi1 {
                            background-image: linear-gradient(to right, rgb(249, 252, 254), rgb(235, 243, 254), rgb(249, 252, 254));
                        }

                        .bgi2 {
                            background-image: linear-gradient(to right, rgb(235, 245, 254), rgb(249, 252, 254), rgb(235, 245, 254));
                        }

                        .bgi3 {
                            margin: 10px 0 10px 0;
                            border: 1px rgb(220, 223, 230) solid;
                            background-color: rgba(255, 255, 255, 0.5);

                            .item {
                                .content {
                                    font-weight: bold;
                                    font-size: 16px;
                                    margin-left: 40%;
                                }
                            }
                        }

                        .go {
                            display: flex;
                            padding: 3px 0 3px 10px;

                            .item {
                                flex: 1;
                                display: flex;

                                .title {
                                    color: #727272;
                                    font-weight: bold;
                                    margin-right: 15px;
                                }

                                .content {}
                            }
                        }

                        .wuxinghsu {
                            float: left;
                            width: 50%;
                            height: 180px;
                            padding: 5px;
                            border: 1px rgb(220, 223, 230) solid;

                            .progress {
                                line-height: 32px;
                            }
                        }

                        .caihua {
                            float: right;
                            width: 50%;
                            height: 180px;
                            padding: 5px;
                            border: 1px rgb(220, 223, 230) solid;
                            border-left: none;

                            .tab {
                                margin-top: -5px;
                                height: 120px;
                                overflow-y: auto;

                                .jianju {
                                    float: left;
                                    width: 50%;
                                    line-height: 30px;

                                    .tag {
                                        border-radius: 50px;
                                        height: 15px;
                                        line-height: 15px;
                                        cursor: default;
                                    }
                                }
                            }

                        }

                        .ganzhiliuyi {
                            // min-height: 70px;
                            margin-top: 200px;
                            border: 1px rgb(220, 223, 230) solid;
                            color: rgb(167, 130, 57);
                            font-weight: bold;

                            .content {
                                padding: 10px;
                                line-height: 25px;
                                width: 90%;

                                .item {
                                    color: rgb(80, 80, 80);
                                    font-weight: normal;
                                }
                            }

                        }
                    }

                    .mingpan {

                        .mingpan-left {
                            float: left;
                            width: 50%;
                            min-height: 620px;
                            border: 1px rgb(220, 223, 230) solid;
                            margin-bottom: 10px;

                            .bgi1 {
                                background-color: rgb(253, 253, 253);
                                // background-image: linear-gradient(to right, rgb(235, 245, 254), rgb(249, 252, 254), rgb(235, 245, 254));
                            }

                            .bgi2 {
                                background-image: linear-gradient(to right, rgb(255, 248, 241), rgb(245, 251, 255), rgb(236, 243, 254));
                            }

                            .borl {
                                border-left: 1px rgb(220, 223, 230) solid;
                            }

                            .go {
                                display: flex;
                                padding: 3px 0 3px 0;

                                .item {
                                    flex: 1;
                                    display: flex;

                                    .title {
                                        margin-left: 25%;
                                        color: rgb(160, 160, 160);
                                    }

                                    .content {
                                        margin-left: 25%;

                                        .ganzhi {
                                            font-size: 20px;
                                        }

                                        .canggan {
                                            line-height: 17px;
                                        }

                                        .fuxing {
                                            line-height: 17px;
                                        }

                                        .shensha {
                                            font-size: 10px;
                                            line-height: 17px;
                                            color: rgb(1, 135, 3);
                                        }
                                    }
                                }
                            }

                        }

                        .mingpan-right {
                            float: right;
                            width: 50%;
                            min-height: 620px;
                            padding: 5px;
                            border: 1px rgb(220, 223, 230) solid;
                            border-left: none;
                            margin-bottom: 10px;

                            .qiyun {
                                margin: 0 -5px 0 -5px;
                                padding: 0px 0px 5px 10px;
                                border-bottom: 1px rgb(220, 223, 230) solid;

                                .title {
                                    color: rgb(160, 160, 160);
                                }

                                .mingpanmode {
                                    float: right;
                                    margin: -36px 10px 0 0;
                                }
                            }

                            .dayunliunian {
                                height: 93px;
                                margin: 5px -5px 0 -5px;

                                .title {
                                    float: left;
                                    width: 5%;
                                    height: 89px;
                                    text-align: center;
                                    color: rgb(160, 160, 160);
                                    border: 1px rgb(220, 223, 230) solid;
                                    border-left: none;

                                    .item {
                                        font-size: 18px;
                                        line-height: 33px;
                                        margin-top: 10px;
                                    }
                                }

                                .content {
                                    float: left;
                                    width: 95%;
                                    height: 89px;
                                    text-align: center;
                                    border: 1px rgb(220, 223, 230) solid;
                                    border-left: none;
                                    border-right: none;

                                    .item {
                                        width: 100%;
                                        border: none;
                                        overflow-x: auto;
                                        overflow-y: hidden;
                                        white-space: nowrap;
                                        display: flex;
                                        border-radius: 0;
                                        font-size: 13px;
                                        background-color: rgba(255, 255, 255, 0);

                                        .one-yes {
                                            font-weight: bold;
                                            padding: 0 5px 0 5px;
                                            height: 88px;
                                            min-width: 60px;
                                            float: left;
                                            text-align: center;
                                            border: 1px rgb(220, 223, 230) solid;
                                            border-left: none;
                                            border-top: none;
                                            background-color: rgb(252, 246, 239);

                                            .age {
                                                font-size: 12px;
                                            }

                                            .age2 {
                                                font-size: 11px;
                                                margin: 1px 0 1px 0;
                                            }

                                            .year {
                                                font-size: 12px;
                                            }

                                            .ganZhi {}

                                            .shiShen {
                                                width: 100%;
                                                margin: 3px 0 33px 0;

                                                .l {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: right;
                                                    padding-right: 2px;
                                                    line-height: 13px;
                                                }

                                                .r {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: left;
                                                    padding-left: 2px;
                                                    line-height: 13px;
                                                }
                                            }

                                            .xiaoyun {
                                                font-weight: bold;
                                                font-size: 18px;
                                                line-height: 20px;
                                                color: rgb(160, 160, 160);
                                            }

                                        }

                                        .one-no {
                                            transition: .3s;
                                            padding: 0 5px 0 5px;
                                            height: 88px;
                                            min-width: 60px;
                                            float: left;
                                            text-align: center;
                                            border: 1px rgb(220, 223, 230) solid;
                                            border-left: none;
                                            border-top: none;
                                            cursor: pointer;
                                            background-color: rgb(252, 253, 255);

                                            .age {
                                                font-size: 12px;
                                            }

                                            .age2 {
                                                font-size: 11px;
                                                margin: 1px 0 1px 0;
                                            }

                                            .year {
                                                font-size: 12px;
                                            }

                                            .ganZhi {}

                                            .shiShen {
                                                width: 100%;
                                                margin: 3px 0 33px 0;

                                                .l {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: right;
                                                    padding-right: 2px;
                                                    line-height: 13px;
                                                }

                                                .r {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: left;
                                                    padding-left: 2px;
                                                    line-height: 13px;
                                                }
                                            }

                                            .xiaoyun {
                                                font-weight: bold;
                                                font-size: 18px;
                                                color: rgb(160, 160, 160);
                                                line-height: 20px;
                                            }

                                        }

                                        .one-no:hover {
                                            transition: .3s;
                                            background-color: rgb(245, 245, 245);
                                            // background: linear-gradient(to right top,  rgb(245, 245, 245),  rgb(245, 245, 245),  rgb(245, 245, 245));
                                        }
                                    }

                                }
                            }

                            .xiaoyun {
                                height: 57px;
                                margin: 5px -5px 0 -5px;

                                .title {
                                    float: left;
                                    width: 5%;
                                    height: 53px;
                                    text-align: center;
                                    color: rgb(160, 160, 160);
                                    border: 1px rgb(220, 223, 230) solid;
                                    border-left: none;

                                    .item {
                                        font-size: 18px;
                                        line-height: 22px;
                                        margin-top: 4px;
                                    }
                                }

                                .content {
                                    float: left;
                                    width: 95%;
                                    height: 53px;
                                    text-align: center;
                                    border: 1px rgb(220, 223, 230) solid;
                                    border-left: none;
                                    border-right: none;

                                    .item {
                                        width: 100%;
                                        border: none;
                                        background-color: rgba(255, 255, 255, 0);
                                        overflow-x: auto;
                                        overflow-y: hidden;
                                        white-space: nowrap;
                                        display: flex;
                                        border-radius: 0;
                                        font-size: 13px;

                                        .one-yes {
                                            font-weight: bold;
                                            padding: 0 5px 0 5px;
                                            height: 52px;
                                            min-width: 60px;
                                            float: left;
                                            text-align: center;
                                            border: 1px rgb(220, 223, 230) solid;
                                            border-left: none;
                                            border-top: none;
                                            background-color: rgb(252, 246, 239);

                                            .age {
                                                font-size: 12px;
                                            }

                                            .year {
                                                font-size: 12px;
                                            }


                                            .ganZhi {}

                                            .shiShen {
                                                width: 100%;
                                                // font-size: 12px;
                                                margin: 3px 0 33px 0;

                                                .l {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: right;
                                                    padding-right: 2px;
                                                    line-height: 13px;
                                                }

                                                .r {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: left;
                                                    padding-left: 2px;
                                                    line-height: 13px;
                                                }
                                            }

                                        }

                                        .one-no {
                                            transition: .3s;
                                            padding: 0 5px 0 5px;
                                            height: 52px;
                                            min-width: 60px;
                                            float: left;
                                            text-align: center;
                                            border: 1px rgb(220, 223, 230) solid;
                                            border-left: none;
                                            border-top: none;
                                            cursor: pointer;
                                            background-color: rgb(252, 253, 255);

                                            .age {
                                                font-size: 12px;
                                            }

                                            .year {
                                                font-size: 12px;
                                            }

                                            .ganZhi {
                                                // font-size: 13px;
                                            }

                                            .shiShen {
                                                width: 100%;
                                                margin: 3px 0 33px 0;

                                                .l {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: right;
                                                    padding-right: 2px;
                                                    line-height: 13px;
                                                }

                                                .r {
                                                    width: 50%;
                                                    float: left;
                                                    text-align: left;
                                                    padding-left: 2px;
                                                    line-height: 13px;
                                                }
                                            }

                                        }

                                        .one-no:hover {
                                            transition: .3s;
                                            background-color: rgb(245, 245, 245);
                                        }
                                    }
                                }

                            }

                        }

                        .ganzhiliuyi {
                            border: 1px rgb(220, 223, 230) solid;
                            color: rgb(167, 130, 57);
                            font-weight: bold;

                            .content {
                                padding: 10px;
                                line-height: 25px;

                                .item {
                                    color: rgb(80, 80, 80);
                                    font-weight: normal;
                                }
                            }

                        }

                    }

                    .gengduo {
                        .div {
                            margin: 0 0 10px 0;
                            border: 1px #dcdfe6 solid;
                            background-image: linear-gradient(to right, rgb(244, 249, 255), rgb(255, 253, 251), rgb(244, 249, 255));

                            .header {
                                font-size: 16px;
                                text-align: center;
                                margin: 5px 0 -10px 0;
                                font-weight: bold;
                                color: rgb(100, 100, 100);
                            }

                            .divider {
                                margin: -15px 0px -15px 0cap;
                            }

                            .shuju {
                                padding: 15px;

                                .title {
                                    color: rgb(150, 150, 150);
                                    margin-right: 20px;
                                }

                                .item {
                                    margin-bottom: 5px;

                                    .content {
                                        color: rgb(169, 134, 63);
                                    }
                                }

                            }

                        }

                    }
                    
                }

            }

        }

    }

}